<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<f:view>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <title>Aplicacion Rolemaster</title>
            <link rel="stylesheet" href="estilos.css" type="text/css">
        </head>
        <body>
            <h:form id="form">
                <h:panelGrid id="tablaPrincipal" columns="1" width="100%" styleClass="tablaPrincipal">
                    <f:facet name="header">
                        <h:outputText value="ROLEMASTER"/>
                    </f:facet>
                    <h:panelGroup id="panelTiradas">
                        <h:commandLink action="#{dado.tiraDado}">
                            <h:graphicImage url="img/d10#{dado.dadoDecenas}.gif" style="border: none;"
                                            alt="Resultado en las decenas (#{dado.dadoDecenas})"/>
                            <h:graphicImage url="img/d10#{dado.dadoUnidades}.gif" style="border: none;"
                                            alt="Resultado en las unidades (#{dado.dadoUnidades})"/>
                        </h:commandLink>
                    </h:panelGroup>
                    <h:outputText value="Jugadores" styleClass="tituloCategoria"/>
                    <h:dataTable id="tablaJugadores" value="#{bean.jugadores}"
                                 styleClass="tablaJugadores" var="jugador">
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="Nombre"/>
                            </f:facet>
                            <h:inputText size="15" value="#{jugador.nombre}"/>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="Exp. Base"/>
                            </f:facet>
                            <h:inputText size="10" value="#{jugador.expBase}"/>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="Exp. Anterior"/>
                            </f:facet>
                            <h:inputText readonly="true" size="10" value="#{jugador.expSuma}"/>
                        </h:column>
                        <%----%>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="Exp. Actual"/>
                            </f:facet>
                            <h:inputText readonly="true" size="10" value="#{jugador.expSumaTemp}"/>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="Exp. Total"/>
                            </f:facet>
                            <h:inputText readonly="true" size="10" value="#{jugador.expBase + jugador.expSuma + jugador.expSumaTemp}"/>
                        </h:column>

                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="Cambiar"/>
                            </f:facet>
                            <h:commandLink action="#{bean.modificaJugador}">
                                <h:graphicImage url="img/accept-24x24.png"/>
                                <f:param name="id" value="#{jugador.id}"/>
                            </h:commandLink>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="Eliminar"/>
                            </f:facet>
                            <h:commandLink action="#{bean.eliminaJugador}">
                                <h:graphicImage url="img/delete-24x24.png"/>
                                <f:param name="id" value="#{jugador.id}"/>
                            </h:commandLink>
                        </h:column>
                    </h:dataTable>
                    <h:panelGrid columns="3" styleClass="tablaJugadores">
                        <h:outputText value="Nombre"/>
                        <h:outputText value="Experiencia"/>
                        <h:outputText value="Nuevo"/>

                        <h:inputText value="#{bean.jugador.nombre}"/>
                        <h:inputText value="#{bean.jugador.expBase}"/>
                        <h:commandLink action="#{bean.nuevoJugador}">
                            <h:graphicImage url="img/add-24x24.png"/>
                        </h:commandLink>
                    </h:panelGrid>
                    <h:panelGroup id="grupoExperiencia">
                        <h:commandLink styleClass="tituloCategoria"
                                       action="#{form.cambiaVisibilidad}">
                            <h:outputText value="Críticos (#{bean.tamanyoListas.critico})"/>
                            <f:param name="nombreForm" value="critico"/>
                        </h:commandLink>
                        <f:subview rendered="#{form.visibilidad.critico}" id="critico">
                            <jsp:include page="experiencia/critico.jsp"/>
                        </f:subview>
                        <h:commandLink action="#{form.cambiaVisibilidad}"
                                       value="Hechizos (#{bean.tamanyoListas.hechizo})"
                                       styleClass="tituloCategoria">
                            <f:param name="nombreForm" value="hechizo"/>
                        </h:commandLink>
                        <f:subview rendered="#{form.visibilidad.hechizo}" id="hechizo">
                            <jsp:include page="experiencia/hechizo.jsp"/>
                        </f:subview>
                        <h:commandLink action="#{form.cambiaVisibilidad}"
                                       value="Ideas (#{bean.tamanyoListas.idea})"
                                       styleClass="tituloCategoria">
                            <f:param name="nombreForm" value="idea"/>
                        </h:commandLink>
                        <f:subview rendered="#{form.visibilidad.idea}" id="idea">
                            <jsp:include page="experiencia/idea.jsp"/>
                        </f:subview>
                        <h:commandLink action="#{form.cambiaVisibilidad}"
                                       value="Maniobras (#{bean.tamanyoListas.maniobra})"
                                       styleClass="tituloCategoria">
                            <f:param name="nombreForm" value="maniobra"/>
                        </h:commandLink>
                        <f:subview rendered="#{form.visibilidad.maniobra}" id="maniobra">
                            <jsp:include page="experiencia/maniobra.jsp"/>
                        </f:subview>
                        <h:commandLink action="#{form.cambiaVisibilidad}"
                                       value="Piezas (#{bean.tamanyoListas.pieza})"
                                       styleClass="tituloCategoria">
                            <f:param name="nombreForm" value="pieza"/>
                        </h:commandLink>
                        <f:subview rendered="#{form.visibilidad.pieza}" id="pieza">
                            <jsp:include page="experiencia/pieza.jsp"/>
                        </f:subview>
                        <h:commandLink action="#{form.cambiaVisibilidad}"
                                       value="Viaje (#{bean.tamanyoListas.viaje})"
                                       styleClass="tituloCategoria">
                            <f:param name="nombreForm" value="viaje"/>
                        </h:commandLink>
                        <f:subview rendered="#{form.visibilidad.viaje}" id="viaje">
                            <jsp:include page="experiencia/viaje.jsp"/>
                        </f:subview>
                        <h:commandLink action="#{form.cambiaVisibilidad}"
                                       value="Vida (#{bean.tamanyoListas.vida})"
                                       styleClass="tituloCategoria">
                            <f:param name="nombreForm" value="vida"/>
                        </h:commandLink>
                        <f:subview rendered="#{form.visibilidad.vida}" id="vida">
                            <jsp:include page="experiencia/vida.jsp"/>
                        </f:subview>
                    </h:panelGroup>
                    <h:messages />
                    <h:commandButton value="Graba partida" action="#{bean.grabaPartida}"/>
                </h:panelGrid>
            </h:form>
        </body>
    </html>
</f:view>
